﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>内页导航</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../assets/css/style.css" rel="stylesheet" />
</head>
<body>
    <div class="page-wraper">
        <div class="returnback" id="returnTop">
            <a href="javascript:void(0);">
                <i class="fa fa-arrow-up"></i>
            </a>
        </div>
        <h3 class="page-title">内页导航</h3>
        <div class="page-bar">
            <ul class="page-breadcrumb">
                <li>
                    <i class="fa fa-home"></i>
                    <a href="index.html">首页</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="#">起步</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="#">文件下载</a>
                </li>
            </ul>
        </div>

        <div class="page-bar">
            <ul class="page-breadcrumb">
                <li>
                    <i class="fa fa-home"></i>
                    <a href="index.html">首页</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="#">起步</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="#">文件下载</a>
                </li>
            </ul>
            <div class="options">
                <div class="btn-group">
                    <button type="button" class="btn">添加</button>
                    <button type="button" class="btn">删除</button>
                </div>
            </div>
        </div>

        <div class="page-bar">
            <ul class="page-breadcrumb">
                <li>
                    <i class="fa fa-home"></i>
                    <a href="index.html">首页</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="#">起步</a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="#">文件下载</a>
                </li>
            </ul>
            <div class="options">
                <div class="toolbar"><i class="fa fa-cogs"></i>工具栏</div>
            </div>
        </div>

        <div class="panel panel-success">
            <div class="panel-heading">
                <h3 class="panel-title">框架首页布局</h3>
            </div>
            <div class="panel-body">
                <pre><code data-language="html">//导航栏代码如下
id="只有导航栏的代码"

<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <i class="fa fa-home"></i>
            <a href="index.html">首页</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <a href="#">起步</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <a href="#">文件下载</a>
        </li>
    </ul>
</div>

id="右侧带按钮组的导航栏的代码"
<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <i class="fa fa-home"></i>
            <a href="index.html">首页</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <a href="#">起步</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <a href="#">文件下载</a>
        </li>
    </ul>
    <div class="options">
        <div class="btn-group">
            <button type="button" class="btn">添加</button>
            <button type="button" class="btn">删除</button>
        </div>
    </div>
</div>

id="右侧带一个选项的导航栏的代码"
<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <i class="fa fa-home"></i>
            <a href="index.html">首页</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <a href="#">起步</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <a href="#">文件下载</a>
        </li>
    </ul>
    <div class="options">
        <div class="toolbar"><i class="fa fa-cogs"></i>工具栏</div>
    </div>
</div>
                    </code></pre>

            </div>
        </div>
    </div>

    <!--JS代码-->
    <script src="../../assets/js/plugins/jquery.1.8.3.js"></script>
    <script src="../../assets/js/plugins/jquery.mui.js"></script>
    <script src="../../assets/js/plugins/rainbow-custom.min.js"></script>
</body>
</html>
